<extend name="Common/common"/>
<block name="main">
    <div class="P_con homePageDc no_pad homePageHp">
        <div class="floor1 bg_f">
            <div class="P_main">
                <div class="headLogo">
                    <img src="__IMG__/head1.png" />
                    <!--<span>已关注</span>-->
                </div>
                <p class="doctor c_333">{$clinic.clinic_name}</p>
                <p class="hospital c_blue">{$clinic.clinic_phone}</p>
                <p class="address c_999"><i class="c_blue">&#xe647;</i>&nbsp;&nbsp;{$clinic.clinic_address}</p>
                <div class="dlBox">
                    <dl>
                        <dt class="ov_h" class="c_333">{$clinic['clinic_score']}</dt>
                        <dd>评分</dd>
                    </dl>
                    <dl>
                        <dt class="c_333">{$clinic.treat_num|default=0}</dt>
                        <dd>诊断量</dd>
                    </dl>
                </div>
                <div class="zhanwei"></div>
                <div class="zizhi"><a href="javascript:void(0)">诊所资质<i class="right mar_l_20">&#xe604;</i><span class="c_blue right">具有经营常规诊疗服务资质</span></a></div>
                <div class="introduce">
                    <a href="javascript:;">
                        <p>擅长</p>
                        <div class="c_333">
                            {:mbSub($clinic['clinic_specialty'])}
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="floor3 bg_f">
            <div class="P_main">
                <h4>诊所医生</h4>
                <ul>
                    <volist name="doctors" id="vo">
                    <li>
                        <div class="pic"><img src="{$vo.image}"  onerror="this.src='__IMG__/head1.png'"></div>
                        <p class="ov_h info">
                            <span class="left c_333">{$vo.name}</span>
                            <span class="right">评分：<em class="c_red">{$vo.score}</em></span>
                        </p>
                        <p class="c_666">{$userinfo.clinic_name}</p>
                        <p class="word c_999">
                            {$vo.good}
                        </p>
                    </li>
                    </volist>
                </ul>
            </div>
        </div>
        <div class="floor2 bg_f">
            <div class="P_main">
                <h4>患者评价</h4>
                <ul id="mycontain">
                    <volist name="list" id="vo">
                    <li>
                        <div class="pic"><img src="{$vo.p_image}"  onerror="this.src='__IMG__/head1.png'"></div>
                        <p><span class="name">{$vo.name}</span><em>{$vo.date}</em></p>
                        <div class="starBox ov_h">
                            <div class="left">
                                <a href="javascript:void(0)">{$vo.disease}</a>
                            </div>
                            <div class="right">
                                <for start="0" end="$vo['score']">
                                <span class="star"></span>
                                </for>
                            </div>
                        </div>
                        <div class="word">
                            {$vo.intro}
                        </div>
                    </li>
                    </volist>
                </ul>
            </div>
        </div>
    </div>
    <div class="shadeBox" style="display:none;">
        <div class="shade"></div>
        <div class="shadeCon" style="background: none">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <volist name="clinic['imgs']" id="img">
                        <div class="swiper-slide"><img src="{$img}"></div>
                    </volist>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>
    </div>
</block>
<block name="css">
    <link type="text/css" rel="stylesheet" href="__CSS__/swiper.min.css" />
    <style type="text/css">
        .swiper-container{ height:100%;}
        .swiper-container .swiper-slide{ width:100% !important;}
    </style>
</block>
<block name="js">
    <script type="text/javascript" src="__JS__/swiper.min.js"></script>
    <script type="text/javascript" src="__JS__/getmore.js"></script>
    <script type="text/javascript">
        //设置分页信息
        myobj = {
            total:'{$count}',
            step:'{$size}',
            url:"{:U('no_clinic_more',array('ids'=>$ids))}",
            obj:'mycontain'
        };
        //图片
        $(function(){
            //图片
            $(".zizhi").click(function(){
                if($('.swiper-wrapper').children().length){
                    $(".shadeBox").show();
                    var swiper = new Swiper(".swiper-container",{
                        pagination:".swiper-pagination",
                        nextButton: '.swiper-button-next',
                        prevButton: '.swiper-button-prev',
                        paginationClickable :true,
                        loop: true
                    })
                }
            });
            $(".shade").click(function(e){
                if($(e.target).parent(".shadeCon").length==0){
                    $(".shadeBox").hide();
                }
            })
        })
    </script>
</block>